<!DOCTYPE html>
<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
	<title>Text</title>
	<script src="js/jquery-1.11.1.min.js"></script>
	<link rel="stylesheet" href="css/jquery.mobile-1.4.3.min.css">
	<script src="js/jquery.mobile-1.4.3.min.js"></script>
	<link rel="stylesheet" href="js/main.css">					
<!--	<script type="text/javascript" src="js/menu.js"></script>		
	<script src='js/timeout.js'></script> -->

	<script src='js/getMessage.js'></script> 
	<style>
		#sender{
			font-size : 115%;
		}
		#message{
			font-size : 100%;
		}		
		#info{
			font-size : 75%;
			height : 100%;
			overflow : hidden;
			white-space:normal;
			word-break:normal;
			
		}
	</style>
</head>
<body>
<!--功能頁-->
	<div data-role="page" id='home'>
		<div data-role="header" data-position="fixed">
			<a data-icon="grid" href='menu.html' data-ajax = 'false'>功能表</a>
			<h1>檢視通知</h1>
		</div>
		<div data-role="content">
		<!--emergency/warning/notification-->
			<div data-role="collapsible-set">
				<div data-role="collapsible">
					<h3>緊急</h3>
					<ul data-role="listview"  id='emergency'></ul>
				</div>
				<div data-role="collapsible">
					<h3>警告</h3>
					<ul data-role="listview"  id='warning'></ul>
				</div>
				<div data-role="collapsible">
					<h3>通知</h3>
					<ul data-role="listview"  id='notification'></ul>
				</div>			

				<div id="result">
				</div>			
			</div>	
		</div>
		<div data-role="footer" data-position="fixed">
			<h1>inwinSTACK</h1>
		</div>
	</div>
</body>
</html>